1.通过cnpm安装bootstrap和jquery
cnpm install bootstrap jquery --save
2.要使用bootstrap必须先引入jQuery
-
找到build文件夹下的webpack.prod.conf.js文件打开,新增配置:
plugins: [
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
"windows.jQuery": "jquery"
})
]
-
找到build文件夹下的webpack.prod.conf.js文件打开,全局引入jQuery
module.exports = {
resolve: {
alias: {
jquery: "jquery/src/jquery",
}
}
}
-
在入口文件main.js中加入:
import $ from 'jquery'
3.在main.js里导入Bootstrap
import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap/dist/js/bootstrap.min.js'
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。